//JavaScript代码区域
//layui模块的定义
layui.define(['jquery'], function (exports) {

  layui.use('element', function () {
    var $ = layui.jquery,
      element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

    //触发事件
  /*   var active = {
      tabAdd: function () {
        //新增一个Tab项
        element.tabAdd('demo', {
          title: '新选项' + (Math.random() * 1000 | 0) //用于演示
            ,
          content: '内容' + (Math.random() * 1000 | 0),
          id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
        })
      },
      tabDelete: function (othis) {
        //删除指定Tab项
        element.tabDelete('demo', '44'); //删除：“商品管理”
        othis.addClass('layui-btn-disabled');
      },
      tabChange: function () {
        //切换到指定Tab项
        element.tabChange('demo', '22'); //切换到：用户管理
      }
    }; */

    // $('.site-demo-active').on('click', function () {
    //   var othis = $(this),
    //     type = othis.data('type');
    //   active[type] ? active[type].call(this, othis) : '';
    // });

    //Hash地址的定位
    // var layid = location.hash.replace(/^#test=/, '');
    // element.tabChange('test', layid);

    // element.on('tab(test)', function (elem) {
    //   location.hash = 'test=' + $(this).attr('lay-id');
    // });

    //实现当点击左侧的每一个li的时候,右侧动态的添加内容
    $('.layui-nav-item dd').on('click', 'a', function () {
      let tabId = $(this).data('meunid');
      let tabTitle = $(this).data('title');
      let tabURL = $(this).data('url');

      
      if ($('li[lay-id=' + tabId + ']').length > 0) {
        element.tabChange('demo', tabId);
      } else {
        let minHeight = $(window).height() - $(".layui-header").height() - $(".layui-footer").height() - $(".layui-tab-title").height() - 5;
        element.tabAdd('demo', {
          title: tabTitle //用于演示
            ,
          content: '<iframe id="mainIframe" width="100%" name="mainIframe" height="' + minHeight + '" src="' + tabURL + '" frameborder="0" scrolling="no" ></iframe>',
          id: tabId 
        })
        element.tabChange('demo', tabId);
      }
    })

    //监听窗口的变化
    $(window).on('resize', function () {
      let minHeight = $(window).height() - $(".layui-header").height() - $(".layui-footer").height() - $(".layui-tab-title").height() - 5;
      $('#mainIframe').height(minHeight);
    })
  });
});